<ion-view view-title="{{viewTitle}}">
    <ion-content scroll="false">
        <!--
            delegate-handle: 详见 $ionicTabsDelegate
        -->
        <ion-tabs class="tabs-positive tabs-icon-top" delegate-handle="myIonTabs">
            <!--
                title: tab 的标题
                href: tab 的当行链接
                icon: tab 的icon
                icon-on: 选中时 tab 的icon
                icon-off: 未选中时 tab 的icon
                badge: tab 的角标数字
                badge-style: tab 角标数字的样式. 如: badge-assertive
                on-select: 选中时触发表达式
                on-deselect: 取消选中时触发表达式
                ng-click: 点击时触发表达式, 如果设置了 ng-click 则 tab 不会自动选中, 需要显式的调用 $ionicTabsDelegate.select() 来设置选中
                hidden: 是否隐藏
                disabled: 是否禁用
            -->
            <ion-tab title="Tab1" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline" badge="3" badge-style="badge-assertive">
                <ion-view class="balanced-bg">
                    <ion-content>
                        <h3 class="text-center">Tab1</h3>
                    </ion-content>
                </ion-view>
            </ion-tab>
            <ion-tab title="Tab2" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
                <ion-view class="energized-bg">
                    <ion-content>
                        <h3 class="text-center">Tab2</h3>
                    </ion-content>
                </ion-view>
            </ion-tab>
            <ion-tab title="Tab3" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
                <ion-view class="calm-bg">
                    <ion-content>
                        <h3 class="text-center">Tab3</h3>
                    </ion-content>
                </ion-view>
            </ion-tab>
        </ion-tabs>
    </ion-content>
</ion-view>